<!DOCTYPE html>
<%@ page
	language="java"
	contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>
<link
	rel="shortcut icon"
	type="image/x-icon"
	href="./_img/icon_make.ico" />
<meta
	http-equiv="Content-Type"
	content="text/html; charset=utf-8">
<title>makeMyself</title>
<link
	rel="stylesheet"
	href="/d2/_css/dotDesign.css" />
<link
	rel="stylesheet"
	href="/d2/_css/makeMyself.css" />
<script src="/d2/_js/canvas.js"></script>
<script src="/d2/_js/common.js"></script>
<script src="/d2/_js/domScript.js"></script>
<script src="/d2/_js/makeMyself.js"></script>
<script src="/d2/_js/viewComment.js"></script>
</head>
<body id="makeMyself">
	<div id="comment"></div>
	<div id="controler">
		<div id="boxOfSource">
			<ul id="toggleBtn_source">
				<li id="toggleBtn_source_Local"></li>
				<li id="toggleBtn_source_Web"></li>
				<li id="toggleBtn_source_Tag"></li>
				<li id="toggleBtn_source_Category"></li>
			</ul>
			<ul id="exBtns_source">
				<li id="exBtn_source_Local"></li>
				<li id="exBtn_source_Web"></li>
				<li id="exBtn_source_Tag"></li>
				<li id="exBtn_source_Category"></li>
			</ul>
		</div>
		<div id="boxOfStyle">
			<ul id="toggleBtn_style">
				<li id="toggleBtn_style_halfSleeve"></li>
				<li id="toggleBtn_style_nonSleeve"></li>
				<li id="toggleBtn_style_MTM"></li>
				<li id="toggleBtn_style_nonSibori"></li>
				<li id="toggleBtn_style_hood"></li>
			</ul>
			<ul id="exBtns_style">
				<li id="exBtn_style_halfSleeve"></li>
				<li id="exBtn_style_nonSleeve"></li>
				<li id="exBtn_style_MTM"></li>
				<li id="exBtn_style_nonSibori"></li>
				<li id="exBtn_style_hood"></li>
			</ul>
		</div>
		<div id="boxOfSize">
			<ul id="toggleBtn_size">
				<li id="toggleBtn_size_XS"></li>
				<li id="toggleBtn_size_S"></li>
				<li id="toggleBtn_size_M"></li>
				<li id="toggleBtn_size_L"></li>
				<li id="toggleBtn_size_XL"></li>
			</ul>
			<ul id="exBtns_size">
				<li id="exBtn_size_XS"></li>
				<li id="exBtn_size_S"></li>
				<li id="exBtn_size_M"></li>
				<li id="exBtn_size_L"></li>
				<li id="exBtn_size_XL"></li>
			</ul>
		</div>
		<div id="boxOfColor">
			<ul id="toggleBtn_color">
				<li id="toggleBtn_color_FFFFFF"></li>
				<li id="toggleBtn_color_000000"></li>
				<li id="toggleBtn_color_FF0000"></li>
				<li id="toggleBtn_color_0000FF"></li>
				<li id="toggleBtn_color_FFFF00"></li>
				<li id="toggleBtn_color_00FF00"></li>
				<li id="toggleBtn_color_BBBBBB"></li>
			</ul>
			<ul id="exBtns_color">
				<li id="exBtn_color_FFFFFF"></li>
				<li id="exBtn_color_000000"></li>
				<li id="exBtn_color_FF0000"></li>
				<li id="exBtn_color_0000FF"></li>
				<li id="exBtn_color_FFFF00"></li>
				<li id="exBtn_color_00FF00"></li>
				<li id="exBtn_color_BBBBBB"></li>
			</ul>
		</div>
		<div id="boxOfGrid">
			<ul id="toggleBtn_grid">
				<li id="toggleBtn_grid_X"></li>
				<li id="toggleBtn_grid_12"></li>
				<li id="toggleBtn_grid_12dot"></li>
				<li id="toggleBtn_grid_18"></li>
				<li id="toggleBtn_grid_18dot"></li>
				<li id="toggleBtn_grid_24"></li>
				<li id="toggleBtn_grid_24dot"></li>
				<li id="toggleBtn_grid_30"></li>
				<li id="toggleBtn_grid_30dot"></li>
				<li id="toggleBtn_grid_36"></li>
				<li id="toggleBtn_grid_36dot"></li>
			</ul>
			<ul id="exBtns_grid">
				<li id="exBtn_grid_X"></li>
				<li id="exBtn_grid_12"></li>
				<li id="exBtn_grid_12dot"></li>
				<li id="exBtn_grid_18"></li>
				<li id="exBtn_grid_18dot"></li>
				<li id="exBtn_grid_24"></li>
				<li id="exBtn_grid_24dot"></li>
				<li id="exBtn_grid_30"></li>
				<li id="exBtn_grid_30dot"></li>
				<li id="exBtn_grid_36"></li>
				<li id="exBtn_grid_36dot"></li>
			</ul>
		</div>
		<div id="boxOfDirection">
			<ul id="toggleBtn_direction">
				<li id="toggleBtn_direction_F"></li>
				<li id="toggleBtn_direction_B"></li>
				<li id="toggleBtn_direction_R"></li>
				<li id="toggleBtn_direction_L"></li>
				<li id="toggleBtn_direction_T"></li>
			</ul>
			<ul id="exBtns_direction">
				<li id="exBtn_direction_F"></li>
				<li id="exBtn_direction_B"></li>
				<li id="exBtn_direction_R"></li>
				<li id="exBtn_direction_L"></li>
				<li id="exBtn_direction_T"></li>
			</ul>
		</div>
		<div id="boxOfPosition">
			<ul id="toggleBtn_position">
				<li id="toggleBtn_position_00"></li>
				<li id="toggleBtn_position_01"></li>
				<li id="toggleBtn_position_02"></li>
				<li id="toggleBtn_position_03"></li>
			</ul>
			<ul id="exBtns_position">
				<li id="exBtn_position_00"></li>
				<li id="exBtn_position_01"></li>
				<li id="exBtn_position_02"></li>
				<li id="exBtn_position_03"></li>
			</ul>
		</div>
	</div>
	<div id="controler02">
		<div
			id="selector_source"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="local"><div class="preview local"></div> <span>local</span></li>
				<li id="web"><div class="preview web"></div> <span>web</span></li>
				<li id="tag"><div class="preview tag"></div> <span>tag</span></li>
				<li id="category"><div class="preview category"></div> <span>category</span></li>
			</ul>
		</div>
		<div
			id="selector_type"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="nonSleeve"><div class="preview nonSleeve"></div> <span>nonSleeve</span></li>
				<li id="halfSleeve"><div class="preview halfSleeve"></div> <span>halfSleeve</span></li>
				<li id="MTM"><div class="preview MTM"></div> <span>MTM</span></li>
				<li id="sibori"><div class="preview sibori"></div> <span>sibori</span></li>
				<li id="hood"><div class="preview hood"></div> <span>hood</span></li>
			</ul>
		</div>
		<div
			id="selector_size"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="XS"><div class="preview XS"></div> <span>XS</span></li>
				<li id="S"><div class="preview S"></div> <span>S</span></li>
				<li id="M"><div class="preview M"></div> <span>M</span></li>
				<li id="L"><div class="preview L"></div> <span>L</span></li>
				<li id="XL"><div class="preview XL"></div> <span>XL</span></li>
			</ul>
		</div>
		<div
			id="selector_color"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="FFFFFF"><div class="preview color_FFFFFF"></div> <span>FFFFFF</span></li>
				<li id="000000"><div class="preview color_000000"></div> <span>000000</span></li>
				<li id="FF0000"><div class="preview color_FF0000"></div> <span>FF0000</span></li>
				<li id="0000FF"><div class="preview color_0000FF"></div> <span>0000FF</span></li>
				<li id="FFFF00"><div class="preview color_FFFF00"></div> <span>FFFF00</span></li>
				<li id="00FF00"><div class="preview color_00FF00"></div> <span>00FF00</span></li>
				<li id="BBBBBB"><div class="preview color_BBBBBB"></div> <span>BBBBBB</span></li>
			</ul>
		</div>
		<div
			id="selector_grid"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="0px"><div class="preview grid_0px"></div> <span>0px</span></li>
				<li id="12px"><div class="preview grid_12px"></div> <span>12px</span></li>
				<li id="12pxd"><div class="preview grid_12pxd"></div> <span>12pxd</span></li>
				<li id="18px"><div class="preview grid_18px"></div> <span>18px</span></li>
				<li id="18pxd"><div class="preview grid_18pxd"></div> <span>18pxd</span></li>
				<li id="24px"><div class="preview grid_24px"></div> <span>24px</span></li>
				<li id="24pxd"><div class="preview grid_24pxd"></div> <span>24pxd</span></li>
				<li id="30px"><div class="preview grid_30px"></div> <span>30px</span></li>
				<li id="30pxd"><div class="preview grid_30pxd"></div> <span>30pxd</span></li>
				<li id="36px"><div class="preview grid_36px"></div> <span>36px</span></li>
				<li id="36pxd"><div class="preview grid_36pxd"></div> <span>36pxd</span></li>
			</ul>
		</div>
		<div
			id="selector_lotation"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="front"><div class="preview front"></div> <span>front</span></li>
				<li id="back"><div class="preview back"></div> <span>back</span></li>
				<li id="right"><div class="preview right"></div> <span>right</span></li>
				<li id="left"><div class="preview left"></div> <span>left</span></li>
				<li id="top"><div class="preview top"></div> <span>top</span></li>
			</ul>
		</div>
		<div
			id="selector_position"
			class="selector">
			<div id="wrapper">
				<div class="preview"></div>
				<input class="readOnly preview_text" />
			</div>
			<ul class="selectList">
				<li id="p01"><div class="preview p01"></div> <span>p01</span></li>
				<li id="p02"><div class="preview p02"></div> <span>p02</span></li>
				<li id="p03"><div class="preview p03"></div> <span>p03</span></li>
				<li id="p04"><div class="preview p04"></div> <span>p04</span></li>
				<li id="p05"><div class="preview p05"></div> <span>p05</span></li>
			</ul>
		</div>
	</div>

	<div id="content">
		<div id="imageFinder">
			<div id="searchers">
				<div id="localFinder">
					<form
						id="fmUpload"
						name="fmUpload">
						<input
							name="pathByPC"
							id="pathByPC"
							type="file" />
					</form>
				</div>
				<div id="webFinder">
					<ul id="engins">
						<li id="logo_Google"></li>
						<li id="logo_Naver"></li>
						<li id="logo_Daum"></li>
					</ul>
					<ul id="webSearch">
						<li id="searchGoogle"><input id="fieldGoogle" /> <input id="btn_google" /></li>
						<li id="searchNaver"><input id="fieldNaver" /> <input id="btn_naver" /></li>
						<li id="searchDaum"><input id="fieldDaum" /> <input id="btn_daum" /></li>
					</ul>
				</div>
				<div id="tagFinder">
					<span>myd2sign:</span><input
						id="tagField"
						type="text"
						value="mario" /><input
						class="tagSearchBtn"
						type="button"
						value="Go"
						onclick="showThisImage('tag')" />
					<p>인기태그 : xxx, yyy, zzz</p>
				</div>
				<div id="categoryFinder">
					<div id="categoryLv1"></div>
					<div id="categoryLv2"></div>
					<div id="categoryLv3"></div>
					<div id="categoryLv4"></div>
					<input
						type="button"
						value="search Category2"
						onclick="showThisImage('category',document.getElementById('categorySelector2').value); " />
				</div>
			</div>
			<div id="tagImageList">
				<div id="preview"></div>
			</div>
		</div>
		<div id="worker">
			<div id=placeRow></div>
			<div id="placeCol"></div>
			<div id="panel_forStyle"></div>
			<div id="panel_forGrid"></div>
			<ul id="snaps">
				<li id="snap00"></li>
				<li id="snap01"></li>
				<li id="snap02"></li>
				<li id="snap03"></li>
				<li id="snap04"></li>
				<li id="snap05"></li>
			</ul>
			<div id="panel_forWork"></div>
		</div>
	</div>
	<div id="footer">
		<div id="workImageList"></div>
	</div>
	<div class="hiddenData">
		<input name="imgWidth" /> <input name="imgHeight" />
	</div>
	<iframe
		id="upload_target"
		name="upload_target"></iframe>
</body>
</html>
